
/**
* @Author: 
* @Date:   
* @Last Modified by:  
* @Last Modified time: 
*/
*{
    margin: 0;
    padding: 0;
}

html {
    font-family: "Helvetica Neue", "PingFangSC-Regular", Helvetica, sans-serif;
    font-size: 16px;
    color: #383a44;
    letter-spacing: 0px;
    text-align: left;
    word-wrap: break-word;
    -webkit-font-smoothing: antialiased;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

body {
    font-family: "Helvetica Neue", "PingFangSC-Regular", Helvetica, sans-serif;
    font-size: 16px;
    color: #383a44;
    letter-spacing: 0px;
    text-align: left;
    background: #ebebeb;
    position: relative;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

caption, th {
    text-align: left;
}

a {
    font-size: 16px;
    color: #383a44;
    outline: none;
}

a:focus, a:hover {
    color: #24CE70;
    text-decoration: none;
}

a:link {
    text-decoration: none;
    outline: none;
}

a:visited {
    text-decoration: none;
    outline: none;
}

a:active {
    text-decoration: none;
    outline: none;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
}

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?a79np8');
  src:  url('../fonts/icomoon.eot?a79np8#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?a79np8') format('truetype'),
    url('../fonts/icomoon.woff?a79np8') format('woff'),
    url('../fonts/icomoon.svg?a79np8#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts*/
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-icon_individual_resume:before {
  content: "\e900";
}
.icon-icon_msrs .path1:before {
  content: "\e901";
  color: rgb(219, 219, 219);
}
.icon-icon_msrs .path2:before {
  content: "\e902";
  margin-left: -0.9375em;
  color: rgb(0, 0, 0);
}
.icon-icon_msrs .path3:before {
  content: "\e903";
  margin-left: -0.9375em;
  color: rgb(0, 0, 0);
}
.icon-icon_msrs .path4:before {
  content: "\e904";
  margin-left: -0.9375em;
  color: rgb(0, 0, 0);
}
.icon-feedback:before {
  content: "\e905";
}
.icon-backtop:before {
  content: "\e906";
}
.icon-icon_account:before {
  content: "\e907";
}
.icon-icon_big:before {
  content: "\e908";
}
.icon-icon_buy:before {
  content: "\e909";
}
.icon-icon_choose:before {
  content: "\e90a";
}
.icon-icon_competitive:before {
  content: "\e90b";
}
.icon-icon_customerservice:before {
  content: "\e90c";
}
.icon-icon_del:before {
  content: "\e90d";
}
.icon-icon_down:before {
  content: "\e90e";
}
.icon-icon_downpage:before {
  content: "\e90f";
}
.icon-icon_editor:before {
  content: "\e910";
}
.icon-icon_email:before {
  content: "\e911";
}
.icon-icon_incorporation:before {
  content: "\e912";
}
.icon-icon_personbooking:before {
  content: "\e913";
}
.icon-icon_link:before {
  content: "\e914";
}
.icon-icon_money:before {
  content: "\e915";
}
.icon-icon_more:before {
  content: "\e916";
}
.icon-icon_number:before {
  content: "\e917";
}
.icon-icon_projectmanagement:before {
  content: "\e918";
}
.icon-icon_question:before {
  content: "\e919";
}
.icon-icon_refreshtime:before {
  content: "\e91a";
}
.icon-icon_remainingtime:before {
  content: "\e91b";
}
.icon-icon_report:before {
  content: "\e91c";
}
.icon-icon_require:before {
  content: "\e91d";
}
.icon-icon_rptake:before {
  content: "\e91e";
}
.icon-icon_search_home:before {
  content: "\e91f";
}
.icon-icon_see:before {
  content: "\e920";
}
.icon-icon_location2:before {
  content: "\e921";
}
.icon-icon_small:before {
  content: "\e922";
}
.icon-icon_photo:before {
  content: "\e923";
}
.icon-icon_trademanagement:before {
  content: "\e924";
}
.icon-icon_transmit_big:before {
  content: "\e925";
}
.icon-icon_unchoose:before {
  content: "\e926";
}
.icon-icon_zerror:before {
  content: "\e927";
}
.icon-icon_upload_close:before {
  content: "\e928";
}
.icon-icon_upload:before {
  content: "\e929";
}
.icon-icon_uppage:before {
  content: "\e92a";
}
.icon-icon_ziworkeraccount:before {
  content: "\e92b";
}
.icon-icon_bigok:before {
  content: "\e92c";
}
.icon-icon_top:before {
  content: "\e92d";
}
.icon-icon_refresh:before {
  content: "\e92e";
}
.icon-icon_step1:before {
  content: "\e92f";
}
.icon-icon_step2:before {
  content: "\e930";
}
.icon-icon_step3:before {
  content: "\e931";
}
.icon-icon_needskill:before {
  content: "\e932";
}
.icon-icon_location:before {
  content: "\e933";
}
.icon-icon_like2:before {
  content: "\e934";
}
.icon-icon_deldel:before {
  content: "\e935";
}
.icon-icon_workstyle:before {
  content: "\e936";
}
.icon-icon_link2:before {
  content: "\e937";
}
.icon-icon_personal_center:before {
  content: "\e938";
}
.icon-icon_zquestion:before {
  content: "\e939";
}
.icon-icon_zmag:before {
  content: "\e93a";
}
.icon-icon_zorder:before {
  content: "\e93b";
}
.icon-icon_zphone:before {
  content: "\e93c";
}
.icon-icon_gznx:before {
  content: "\e93d";
}
.icon-icon_zscreen:before {
  content: "\e93e";
}
.icon-icon_zservice:before {
  content: "\e93f";
}
.icon-icon_company_small:before {
  content: "\e940";
}
.icon-icon_companybooking:before {
  content: "\e941";
}
.icon-icon_service_choice:before {
  content: "\e942";
}
.icon-icon_more_up:before {
  content: "\e943";
}
.icon-icon_service_unchoice:before {
  content: "\e944";
}
.icon-icon_industry:before {
  content: "\e945";
}
.icon-icon_mycollect:before {
  content: "\e946";
}
.icon-icon_mymoney:before {
  content: "\e947";
}
.icon-icon_mynews:before {
  content: "\e948";
}
.icon-icon_finance:before {
  content: "\e949";
}
.icon-icon_ifind:before {
  content: "\e94a";
}
.icon-icon_countdown:before {
  content: "\e94b";
}
.icon-icon_service_detail:before {
  content: "\e94c";
}
.icon-icon_achievement:before {
  content: "\e94d";
}
.icon-icon_company_intivite:before {
  content: "\e94e";
}
.icon-icon_yxrs:before {
  content: "\e94f";
}
.icon-icon_xl:before {
  content: "\e950";
}
.icon-icon_wdll:before {
  content: "\e951";
}
.icon-icon_fzw:before {
  content: "\e952";
}
.icon-icon_frw:before {
  content: "\e953";
}
.icon-icon_zws:before {
  content: "\e954";
}
.icon-icon_www:before {
  content: "\e955";
}
.icon-icon_gsjs:before {
  content: "\e956";
}
.icon-icon_zwld:before {
  content: "\e957";
}
.icon-icon_wdll2:before {
  content: "\e958";
}
.icon-icon_girl:before {
  content: "\e959";
}
.icon-icon_boy:before {
  content: "\e95a";
}
.icon-icon_sc:before {
  content: "\e95b";
}
.icon-icon_tianjia:before {
  content: "\e95c";
}
.icon-icon_xmal3:before {
  content: "\e95d";
}
.icon-icon_zyjl3:before {
  content: "\e95e";
}
.icon-icon_zwjs3:before {
  content: "\e95f";
}
.icon-icon_jyjl2:before {
  content: "\e960";
}
.icon-icon_gsjs2:before {
  content: "\e961";
}
.icon-icon_zwld2:before {
  content: "\e962";
}
.icon-icon_zwxq:before {
  content: "\e963";
}
.icon-icon_qylx:before {
  content: "\e964";
}
.icon-icon_partime1:before {
  content: "\e965";
}
.icon-icon_partime3:before {
  content: "\e966";
}
.icon-icon_projectime2:before {
  content: "\e967";
}
.icon-icon_projectime3:before {
  content: "\e968";
}
.icon-icon_partime2:before {
  content: "\e969";
}
.icon-icon_projectime1:before {
  content: "\e96a";
}
.icon-icon_appdownlow:before {
  content: "\e96b";
}
.icon-icon_rightd:before {
  content: "\e96c";
}
.icon-icon_leftd:before {
  content: "\e96d";
}
.icon-icon_rwgl:before {
  content: "\e96e";
}
.icon-Icon_qzgl:before {
  content: "\e96f";
}
.icon-uniE970:before {
  content: "\e970";
}
.icon-uniE971:before {
  content: "\e971";
}
.icon-icon_saoyisao:before {
  content: "\e972";
}
.icon-icon_taskmanagement:before {
  content: "\1f5e2";
}

.color040 {
    color: #24CE70;
}

.color383 {
    color: #383a44;
}

.color929 {
    color: #929292 !important;
}

.coloref7 {
    color: #ef7b00;
}

.colorbcb {
    color: #bcbcbc;
}

.color7a7 {
    color: #7a7a7a;
}

.colorfff {
    color: #ffffff;
}

.font-s36 {
    font-size: 36px;
}

.font-s24 {
    font-size: 24px;
}

.font-s20 {
    font-size: 20px;
}

.font-s18 {
    font-size: 18px;
}

.font-s16 {
    font-size: 16px;
}

.font-s14 {
    font-size: 14px;
}

.font-s12 {
    font-size: 12px;
}

.font-s80 {
    font-size: 80px;
}

.font-s40 {
    font-size: 40px;
}

.font-s28 {
    font-size: 28px;
}

.di {
    display: inline-block;
}

.db {
    display: block;
}

.cp {
    cursor: pointer;
}

.pr {
    position: relative;
}

.pa {
    position: absolute;
}

.pf {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
}

.tc {
    text-align: center;
}

.tr {
    text-align: right !important;
}

.tl {
    text-align: left !important;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.mr-0 {
    margin-right: 0 !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.mt-100 {
    margin-top: 100px;
}

.r44 {
    right: 44px;
}

.mt-40 {
    margin-top: 41px;
}

.mr-10 {
    margin-right: 10px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-15 {
    margin-top: 15px;
}

.mt10 {
    margin-top: 10px;
}

.mtb60 {
    margin: 60px auto;
}

.mt5 {
    margin-top: 5px;
}

.ml-60 {
    margin-left: 60px;
}

.ml-44 {
    margin-left: 44px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-6 {
    margin-left: 6px;
}

.ml-5 {
    margin-left: 5px;
}

.ml-2 {
    margin-left: 2px;
}

.ml-250 {
    margin-left: -250px;
}

.ml-9 {
    margin-left: 9px;
}

.ml-8 {
    margin-left: 8px;
}

.mt-010 {
    margin-top: -10px;
}

.mt-016 {
    margin-top: -16px;
}

.mb-200 {
    margin-bottom: 200px;
}

.mb-40 {
    margin-bottom: 40px;
}

.plr-30 {
    padding: 0 30px;
}

.plr-20 {
    padding: 0 20px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-40 {
    padding-top: 40px;
}

.plr-10 {
    padding: 0 5px;
}

.pb-30 {
    padding: 0 0 30px 0;
}

.marginAuto {
    margin: 0 auto;
}

.clear {
    clear: both;
}

.bottom-0 {
    bottom: 0;
    width: 100%;
}

.flex {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.wh50 {
    width: 50px !important;
    font-size: 16px;
}

.w40 {
    width: 40px;
}

.bg-white {
    background: #fff;
}

.bg-eb {
    background: #ebebeb !important;
}

.hide-page {
    color: #929292 !important;
}

.hide-page:hover {
    color: #929292 !important;
}

.colordbd {
    color: #dbdbdb !important;
}


/*header*/

.nav {
    width: 100%;
    height: 60px;
    background: #fff;
    box-shadow: 0px 1px 4px 0px rgba(182, 182, 182, 0.50);
    min-width: 1200px;
}

.nav-in {
    width: 1200px;
    padding-top: 15px;
    height: 60px;
    margin: 0 auto;
}

.logoimg {
    width: 145px;
}



/*.nav-in span:last-child {
    height: 42px;
    padding-top: 4px;
}*/

.c-edition {
    border: 1px solid #01b040;
    border-radius: 4px;
    width: 108px;
    height: 32px;
    line-height: 32px;
}

.lh42 {
    line-height: 42px;
}


/*banner*/

.banner-container {
    width: 100%;
    min-width: 1200px;
    margin: 0 auto;
    cursor: pointer;
}

.banner-in {
    width: 100%;
    margin: 0 auto;
}

.banner-in .banner-list {
    width: 100%;
    height: 400px;
    background: url(./../images/banner.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}


/*pagination*/

.pagination-block {
    margin-bottom: 100px;
}


/*public user*/

.task-footer {
    padding: 10px;
    color: #7a7a7a;
    font-size: 12px;
    background: #dbdbdb;
}

.public-user {
    float: left;
}

.public-user, .public-user img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
}

.public-right {
    float: left;
    margin-left: 10px;
}


/*footer*/

.footer-end {
    background: #464850;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    min-width: 1200px;
	overflow: hidden;
}

.footer-end p a {
    color: #fff;
}

.footer-end p a:hover {
    color: #01b040;
}

.company-sum {
    text-align: center;
    color: #929292;
    font-size: 14px;
    margin: 9px 0 16px 0;
}

.search-icon {
    width: 15px;
    height: 15px;
    display: inline-block;
    background: url(./../images/search.png);
    background-repeat: no-repeat;
    position: relative;
    top: 2px;
}

.in-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    position: relative;
    top: 4px;
    right: 2px;
}

.browse-num {
    background: url(./../images/browse.png);
}

.bid-num {
    background: url(./../images/bidding.png);
    margin-left: 10px;
}

.m-icon {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
}

.share-icon {
    background: url(./../images/share.png);
    margin-right: 10px;
}

.collect-icon {
    background: url(./../images/collection.png);
}
.drop-down {
    width: 12px;
    height: 7px;
    display: inline-block;
    background: url(./../images/unfold.png);
    background-size: cover;
    position: relative;
    left: 4px;
    top: -2px;
}

.s-icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    top: 3px;
}

.refreshtime-icon {
    background: url(./../images/refreshtime.png);
}

.skill-icon {
    background: url(./../images/skill.png);
    background-repeat: no-repeat;
}

.project-icon {
    background: url(./../images/icon_projects.png);
}

.numbers-icon {
    background: url(./../images/numbers.png);
}

.require-icon {
    background: url(./../images/require.png);
}

.rote-180 {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -moz-transform: rotate(180deg);
    /* Firefox */
    -webkit-transform: rotate(180deg);
    /* Safari 鍜� Chrome */
    -o-transform: rotate(180deg);
    /* Opera */
}

.bottom-fix {
    position: fixed !important;
}

.field-list-default {
    background: #fff;
    border-radius: 4px;
    padding: 5px 14px;
    line-height: 26px;
    text-align: center;
    margin-left: 10px;
}

.field-list-active {
    background: #01b040;
    border-radius: 4px;
    padding: 5px 14px;
    line-height: 26px;
    text-align: center;
    color: #fff !important;
}

.field-list-active:hover {
    color: #fff;
}

.s-code {
    position: absolute;
    display: inline-block;
    left: -45px;
    bottom: -110px;
    padding: 2px;
    background: #ffffff;
    border: 1px solid #01b040;
    border-radius: 6px;
    z-index: 99;
}

.s-code:before, .s-code:after {
    content: "";
    position: absolute;
    top: -20px;
    left: 42px;
    width: 0px;
    height: 0px;
    border: 10px solid transparent;
    border-bottom-color: #fff;
}

.s-code:before {
    top: -21px;
    border: 10px solid transparent;
    border-bottom-color: #01b040;
}

.c-code {
    background: #ffffff;
    border-radius: 4px;
    width: 280px;
    height: 320px;
    margin-bottom: 20px;
}

.c-task-block {
    margin-top: 20px;
}

.c-task-left {
    width: 900px;
}

.code-name {
    background: #383a44;
    border-radius: 4px 4px 0px 0px;
    width: 280px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    color: #fff;
}

.code-img img {
    width: 208px;
    height: 208px;
    margin-top: 20px;
}

.dialog, .bidding-show, .reg-dialog, .bidding-competitive, .bidding-competitive2, .bid-block-dialog, .active-dialog {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(0, 0, 0, 0.60);
    z-index: 10030;
    display: none;
    top: 0;
    left: 0;
}

.dialog-content {
    background: #ffffff;
    border-radius: 4px;
    width: 560px;
    height: 360px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 999;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform:translate(-50%, -50%); 
    transform: translate(-50%, -50%); 
}

.dialog-content .title {
    background: #01b040;
    border-radius: 4px 4px 0px 0px;
    width: 560px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
}

.free-words {
    position: absolute;
    left: 94px;
    bottom: 51px;
}

.free-extend {
    left: 68px;
    bottom: 51px;
}

.bidding-btn, .btn-back {
    background: #01b040;
    border-radius: 4px;
    width: 120px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

.btn-back a {
    color: #fff;
}

.btn-back a:hover {
    color: #fff;
}

.read-more, .require-more, .rBid-more {
    border: 1px solid #bdbdbd;
    border-radius: 4px;
    width: 98px;
    height: 28px;
    display: inline-block;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    color: #929292;
    position: relative;
    top: 8px;
    cursor: pointer;
}

.bidReadMore-btn {
    border: 1px solid #bdbdbd;
    border-radius: 4px;
    width: 98px;
    height: 28px;
    display: inline-block;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    color: #929292;
    cursor: pointer;
}

.company-logo img {
    border: 1px solid #dbdbdb;
    width: 79px;
    height: 79px;
    border-radius: 100%;
}

.default-star {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(./../images/star3.png);
    background-size: cover;
    cursor: pointer;
    margin-left: 3px;
}

.active-star {
    background: url(./../images/star1.png);
}

.half-star {
    background: url(./../images/star2.png);
}

.fix-top {
    position: absolute;
    right: 30px;
    top: 86px;
}

.fix-scroll {
    position: fixed;
    top: 0px;
    z-index: 20;
    margin-left: -38px;
    width: 900px;
    height: 60px;
    padding: 10px 30px 0 0;
    background: #fff;
    background: rgba(255, 255, 255, .8);
    border-bottom: 1px #f6f6f6 solid;
    box-shadow: 0 0 6px #e6e6e6;
}

.z-skill-list span {
    padding: 2px 5px;
    border: 1px solid #cbcbcb;
    border-radius: 5px;
    margin-right: 10px;
}

.p-center {
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%) !important;
    -moz-transform: translate(-50%, -50%) !important;
    -o-transform: translate(-50%, -50%) !important;
    -webkit-transform:translate(-50%, -50%) !important; 
    transform: translate(-50%, -50%) !important; 
}

@media (max-width: 1200px) {
    .mobile-showBtn {
        height: 1200px;
    }
    .nav-in {
        padding-right: 30px;
        padding-left: 30px;
    }
    .c-task-left {
        width: 840px !important;
    }
    .task-summary {
        width: 840px !important;
    }
    .task-content {
        width: 840px !important;
    }
    .bidder-block {
        width: 840px !important;
    }
}


/*浼佷笟鍚庡彴鏍囬鍏敤澶撮儴*/

.company-span {
    vertical-align: -webkit-baseline-middle;
    position: relative;
    padding: 3px 36px;
    height: 100%;
    display: inline-block;
    border-bottom: solid 4px transparent;
    float: left;
}

.pr30 {
    padding-right: 30px;
}

.head-active {
    border-bottom: solid 4px #01b040;
}

.head-active>a {
    color: #01b040;
}

.user {
    z-index: 9;
    width: 155px;
    height: 60px;
    top: 0px;
    right: 0;
    padding-top: 20px;
    text-align: center;
    border-left: solid 1px #dbdbdb;
    border-right: solid 1px #dbdbdb;
    z-index: 1;
}


/*涓夎褰㈠浘鏍�*/

.triangle {
    width: 20px;
    height: 20px;
    top: -9px;
    margin-left: 10px;
}

.drawer {
    padding: 10px 0;
    margin: 0 -1px;
    background: #fff;
    border-left: solid 1px #dbdbdb;
    border-right: solid 1px #dbdbdb;
}

.mt18 {
    margin-top: 12px;
}

.border-bottom {
    border-bottom: solid 1px #dbdbdb;
}

.border-top {
    border-top: solid 1px #dbdbdb;
}

.drawer:hover {
    background-color: #EAF7F0;
}

.drawer>a:hover {
    color: #383a44;
}

main {
    margin-top: 20px;
}


/*2016-09-18*/

i {
    font-style: normal;
}

.maxw90 {
    max-width: 90px;
    display: inline-block;
}

.text-over {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.text-over2 {
    height: 51px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.triangle {
    width: 20px;
    height: 20px;
    top: -7px;
    margin-left: 10px;
}

::-webkit-scrollbar {
    width: 5px;
    height: 6px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: transparent !important;
    border-radius: 0px !important;
    background: transparent !important;
}

::-webkit-scrollbar-thumb {
    border-radius: 5px !important;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1) !important;
    background: rgba(0, 0, 0, 0.2) !important;
}

::-webkit-scrollbar-thumb:hover {
    border-radius: 5px !important;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1) !important;
    background: rgba(0, 0, 0, 0.4) !important;
}

scrollbar {
    width: 5px;
    height: 6px;
}

scrollbar-track {
    -webkit-box-shadow: transparent !important;
    border-radius: 0px !important;
    background: transparent !important;
}

scrollbar-thumb {
    border-radius: 5px !important;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1) !important;
    background: rgba(0, 0, 0, 0.2) !important;
}

scrollbar-thumb:hover {
    border-radius: 5px !important;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1) !important;
    background: rgba(0, 0, 0, 0.4) !important;
}

::-o-scrollbar {
    width: 5px;
    height: 6px;
}

::-o-scrollbar-track {
    -webkit-box-shadow: transparent !important;
    border-radius: 0px !important;
    background: transparent !important;
}

::-o-scrollbar-thumb {
    border-radius: 5px !important;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1) !important;
    background: rgba(0, 0, 0, 0.2) !important;
}

::-o-scrollbar-thumb:hover {
    border-radius: 5px !important;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1) !important;
    background: rgba(0, 0, 0, 0.4) !important;
}

::-ms-scrollbar {
    width: 5px;
    height: 6px;
}

::-ms-scrollbar-track {
    -webkit-box-shadow: transparent !important;
    border-radius: 0px !important;
    background: transparent !important;
}

::-ms-scrollbar-thumb {
    border-radius: 5px !important;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1) !important;
    background: rgba(0, 0, 0, 0.2) !important;
}

::-ms-scrollbar-thumb:hover {
    border-radius: 5px !important;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1) !important;
    background: rgba(0, 0, 0, 0.4) !important;
}

.head-img {
    width: 41px !important;
    height: 41px;
    top: -10px;
    left: -6px;
    border: 1px solid #dbdbdb;
    border-radius: 50%;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

input, button, select, textarea {
    outline: none;
    outline: 0;
    resize: none;
    box-shadow: none;
    outline: medium;
}

#drawer {
    border-top: solid 1px #dbdbdb;
}


/*2016-09-20*/

.va-tt {
    vertical-align: text-top;
}

.alert-error {
    background: #fb1d0f !important;
}

.top-alert-tips {
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: -300px;
    width: 600px;
    z-index: 10099;
    background: #1dbd03;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #fff;
    height: 50px;
    line-height: 50px;
    white-space: nowrap;
    padding: 0 20px;
}

.top-alert-tips .close {
    position: absolute;
    top: 10px;
    right: 0px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 22px;
}

.top-alert-tips {
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: -300px;
    width: 600px;
    z-index: 10099;
    background: #1dbd03;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #fff;
    height: 50px;
    line-height: 50px;
    white-space: nowrap;
    padding: 0 20px;
}

.w120 {
    width: 120px !important;
}

.alert-error {
    background: #fb1d0f !important;
}

.top-alert-tips {
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: -300px;
    width: 600px;
    z-index: 10099;
    background: #1dbd03;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #fff;
    height: 50px;
    line-height: 50px;
    white-space: nowrap;
    padding: 0 20px;
}

.top-alert-tips .close {
    position: absolute;
    top: 10px;
    right: 0px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 22px;
}

.top-alert-tips {
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: -300px;
    width: 600px;
    z-index: 10099;
    background: #1dbd03;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #fff;
    height: 50px;
    line-height: 50px;
    white-space: nowrap;
    padding: 0 20px;
}

.rash {
    padding: 5px;
    background: #ff3434;
    border-radius: 100%;
    font-size: 12px;
    color: #fff;
    top: -8px;
}


/*2016-9-22鐏拌壊鎸夐挳*/

.btn-disabled {
    background: #dbdbdb !important;
}


/*@-moz-document url-prefix() {
    .company-span {
        top: 5px;
    }
}*/


/*2016-9-27鎼滅储妗�*/

.disabled {
    border: 1px solid #dbdbdb !important;
    color: #929292 !important;
    background: #fff!important;
}

.head-search input {
    border: 1px solid #bcbcbc;
    border-radius: 4px;
    width: 240px;
    height: 30px;
    color: #929292;
    font-size: 14px;
    padding-left: 32px;
    background: #fff;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    outline: none;
}

.head-search .dosearch-block .dosearch {
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%) !important;
    -moz-transform: translate(-50%, -50%) !important;
    -o-transform: translate(-50%, -50%) !important;
    -webkit-transform:translate(-50%, -50%) !important; 
    transform: translate(-50%, -50%) !important;

}

.head-search .dosearch-block {
    height: 30px !important;
    width: 30px;
    padding-top: 0!important;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}


/*2016-10-14*/

.circle {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #ccc;
}

.big-circle {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 1px solid #ccc;
}

.href-list-right {
    font-size: 14px;
    margin-left: 20px;
}

.href-media {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
}

.z-col-50 {
    width: 50%;
}


/*2016-10-15*/

.href-list ul {
    padding-left: 30px;
    border-top: 1px solid #dbdbdb;
}

.href-list ul li {
    border-bottom: 1px solid #dbdbdb;
    padding: 15px 15px 12px 0px;
    text-align: left;
}

.href-list ul li:last-child {
    border: 0;
}


/*2016-10-21 10:00*/

.ptb-20 {
    padding: 20px 0;
}


/*body{
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    right:0;
    bottom:0;
    overflow: hidden;
}
.zi-container{
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    overflow: auto;
}*/


/*绾㈣壊鐐圭偣*/

.pb-50 {
    padding-bottom: 50px;
}

.red-tip {
    background: #ff3434;
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
}

.red-tip-pa {
    position: absolute;
    right: 120px;
    top: 10px;
}

.br0 {
    border-radius: 0 !important;
}

.bidlist-w80 {
    width: 80px;
    display: inline-block;
}


/*2016-10-21 13:00*/

.font-s30 {
    font-size: 30px;
}

.alert-sure {
    background: #3498db;
}

.pb-20 {
    padding-bottom: 20px;
}


/*2016-10-22 13:40*/

.alert-success {
    background: #01b040;
}

.top03 {
    position: relative;
    top: -3px;
}

.ml-15 {
    margin-left: 15px;
}

.p-l17 {
    padding-right: 17px;
}

.collect-icon-active {
    background: url(./../images/icon_fullstar_b.png);
}


/*2016/11/22*/

.pt-20 {
    padding-top: 20px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-10 {
    padding-left: 10px;
}

.sati-btn {
    width: 80px;
    height: 30px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    border-radius: 4px;
    color: #01b040;
    border: 1px solid #01b040;
}

.sati-btn:hover, .jobname:hover {
    color: #01b040 !important;
}

.sati-pa {
    position: relative;
    top: -10px;
}


/*鏂扮増鐨勫ご閮ㄥ叕鍏眂ss*/

header {
    width: 100%;
    height: 30px;
    background: #383A44;
}

.top-bar {
    width: 1200px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 30px;
    color: #BCBCBC;
}

.icon-icon_appdownlow {
    position: relative;
    top: 1px;
}

.top-bar a {
    font-size: 14px;
    color: #BCBCBC;
}

.wechat-code {
    cursor: pointer;
}

.wechat-code:hover {
    color: #00C748;
}

.login a:hover, .nav-menu ul li a:hover {
    color: #FFF;
}

.s-left-bar, .s-right-bar, .m-left-bar, .m-right-bar {
    display: inline-block;
    position: relative;
}

.s-right-bar, .m-right-bar {
    float: right;
}

.s-right-bar:after, .m-right-bar:after {
    clear: both;
}

.s-app-download {
    color: #00C748 !important;
}

.nav-menu ul li {
    float: left;
    line-height: 30px;
    position: relative;
}

.nav-menu ul li a {
    min-width: 60px;
    display: inline-block;
    text-align: center;
}

.nav-menu ul li a.special-width {
    width: 80px;
}

.nav-menu ul li a .icon-icon_more {
    position: relative;
    top: 1px;
    font-size: 12px;
    padding-left: 10px;
}

.menu-line {
    color: #979797;
    font-size: 15px;
}

.drop-menu {
    position: absolute;
    top: 30px;
    background: #383A44;
    width: 100%;
    left: -8px;
    border-radius: 0 0 4px 4px;
    z-index: 10;
    overflow: hidden;
}

.drop-menu ul li {
    width: 100%;
}

.drop-menu ul li a {
    width: 100%;
    height: 36px;
    text-align: left;
    line-height: 36px;
    color: #FFF;
    font-size: 14px;
    display: inline-block;
    padding-left: 12px;
}

.drop-menu ul li a:hover {
    color: #00B734;
    background: #2C2E36;
}

.ziwork-bar {
    height: 60px;
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0 1px 2px 0 rgba(182, 182, 182, 0.50);
}

.ziwork-bar-in {
    width: 1200px;
    margin: 0 auto;
    line-height: 60px;
    position: relative;
}

.ziwork-bar-in span {
    display: inline-block;
}

.ziwork-menu ul li {
    float: left;
    line-height: 60px;
    position: relative;
}

.ziwork-menu ul li a {
    width: 100px;
    height: 60px;
    display: inline-block;
    text-align: center;
    border-bottom: 3px transparent;
}

.ziwork-menu ul li a.active, .ziwork-menu ul li a:hover {
    color: #00B734;
    border-bottom: 3px solid #00B734;
}

.ziwork-bar-in .icon-icon_more {
    position: relative;
    top: 1px;
    font-size: 12px;
    padding-left: 5px;
}

.m-drop-menu {
    position: absolute;
    top: 60px;
    background: #fff;
    width: 100%;
    border-radius: 0 0 4px 4px;
    z-index: 10;
    overflow: hidden;
}

.m-drop-menu ul li {
    width: 100%;
    height: 36px;
    line-height: 36px;
}

.m-drop-menu ul li a {
    width: 100%;
    height: 36px;
    text-align: center;
    line-height: 36px;
    color: #383A44;
    font-size: 14px;
    display: inline-block;
}

.m-drop-menu ul li a:hover {
    color: #00B734;
    background: #EAF7F0;
    border: none;
}

.select-jobtype {
    cursor: pointer;
}

.toCompany {
    width: 110px;
    height: 36px;
    display: inline-block;
    border: 1px solid #01B040;
    border-radius: 4px;
    text-align: center;
    line-height: 36px;
    color: #01B040;
}

.zi-search input {
    width: 180px;
    height: 36px;
    padding-left: 5px;
    font-size: 15px;
    border: none;
    line-height: 36px;
    box-shadow: none;
}

.js-search {
    cursor: pointer;
}

.other-drop-menu {
    width: 78px;
    left: 11px;
    top: 57px;
}

.new-code {
    position: absolute;
    top: 25px;
    left: -32px;
    display: inline-block;
    z-index: 12;
}

.hot-item {
    position: absolute;
    right: -6px;
    top: -15px;
}

.red-tip {
    background: red;
    width: 7px;
    height: 7px;
    display: inline-block;
    border-radius: 100%;
}

.top-right-p {
    position: absolute;
    top: 5px;
    right: 14px;
}

.scale-font {
    display: inline-block;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    position: relative;
}

.top-right-sm {
    position: absolute;
    top: 5px;
    right: -6px;
}

.news-tip {
    font-size: 10px;
    color: #fff;
    width: 15px;
    height: 15px;
    text-align: center;
    display: inline-block;
    line-height: 15px;
    margin-left: 5px;
    border-radius: 100%;
    background: red;
}

.zi-footer {
    width: 100%;
    background: #383A44;
    line-height: 60px;
}

.zi-footer-in {
    width: 1200px;
    margin: 0 auto;
}

.zi-footer span a, .zi-footer span {
    color: #fff;
    font-size: 14px;
}

.zi-footer span a:hover {
    color: #01b040;
}

.bottom-sm-code {
    top: -129px;
}

.new-code {
    opacity: 0;
    transition: opacity .5s ease;
}

.new-code.in {
    opacity: 1;
}

.m-right-bar {
    position: absolute;
    right: 0;
    top: 0;
}


/*2016-12-16*/

.feedback {
    width: 710px;
    height: 360px;
    background: #FFFFFF;
    border-radius: 4px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 999;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform:translate(-50%, -50%); 
    transform: translate(-50%, -50%);
}

.feedback-head {
    background: url(../images/bidding/icon_top4.png);
    width: 492px;
    height: 39px;
    background-size: cover;
    background-repeat: no-repeat;
}

.p-t30 {
    padding-top: 30px;
}

.m-b21 {
    margin-bottom: 21px;
}

.feed-summary {
    width: 410px;
    height: 160px;
    border: solid 1px #dbdbdb;
    padding: 2px;
    border-radius: 4px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.feed-textarea {
    width: 100%;
    height: 75%;
    border: none;
    padding: 5px 12px 0 12px;
}

.feed-span {
    top: 79%;
    right: 6px;
    padding: 2px 16px;
    border: solid 1px #dbdbdb;
    border-radius: 25px;
    font-size: 14px;
}

.feed-w330 {
    width: 330px;
    height: 38px;
}

.form-com-input {
    border: 1px solid #dbdbdb;
    border-radius: 4px;
}

.m-l41 {
    margin-left: 41px;
}

.pad-l14 {
    padding-left: 14px;
}

.feed-button {
    background: #01b040;
    width: 70px;
    height: 35px;
    border: 1px solid #01b040;
    border-radius: 4px;
    color: #fff;
    display: block;
    text-align: center;
    padding-top: 6px;
    margin-left: 10px;
}

.feed-ti {
    margin-top: 16px;
    margin-left: 44px;
}

.feedback-right {
    background: #FCFCFC;
    width: 218px;
    height: 360px;
    border-radius: 0 4px 4px 0;
}

.fright-p {
    width: 160px;
    height: 40px;
    margin: 0 auto;
    margin-top: 72px;
}

.fright-img {
    margin: 20px 0 20px 0;
}

.fright-img>img {
    width: 120px;
    height: 120px;
}

.fee-close {
    right: 14px;
    top: 14px;
}

.feed-biding {
    z-index: 100;
}
select::-ms-expand { display: none; }


/*201612/26-娴獥*/
.toTop {
    position: fixed;
    right: 15px;
    bottom: 102px;
    text-align: center;
    color:#fff;
    font-size: 12px;
    z-index: 12;
    height:162px;
}
.toTop .up-list{
    width:48px;
    height:48px;
    background: #7D7E84;
    border-radius: 4px;
    margin-bottom: 6px;
    padding-top: 6px;
    cursor:pointer;
    position:relative;
}
.toTop .up-list .wechat-code:hover{
    color:#fff;
}
.float-left-code{
    position:absolute;
    left:-158px;
    top:0;
    z-index: 10000;
}
.toTop .up-list:hover{
    background: rgba(21,22,27,0.60);
    color:#fff;
}
.toTop .up-list:first-child{
    background: rgba(0,176,63,0.80);
}
.toTop .up-list:first-child:hover{
    background: #20AF53;
}
.toTop .up-list:last-child{
    padding-top: 17px;
}



/*鍒嗕韩icon-2017/01/03*/
.share-icon-define{
  width:30px;
  height:30px !important;
}
.wechat-pre-icon{
  background-image:url(../images/activeDay/01_pre.png) !important;
  background-position: 0 0 !important;
}.webo-pre-icon{
  background-image:url(../images/activeDay/02_pre.png) !important;
  background-position: 0 0 !important;
}.weqq-pre-icon{
  background-image:url(../images/activeDay/03_pre.png) !important;
  background-position: 0 0 !important;
}.weqqkong-pre-icon{
  background-image:url(../images/activeDay/04_pre.png) !important;
  background-position: 0 0 !important;
}
.share-tips{
  float:left;
  line-height: 30px;
  color:#fff;
  position: relative;
    top: 5px;
}

/*20170119*/
.f-header-img{
    height: 60px;
    width: 60px;
    border: 1px solid #dbdbdb;
    border-radius: 100%;
    display:inline-block;
    background-repeat: no-repeat;
}